<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <title>用户管理</title>
    <link rel="stylesheet" type="text/css" href="../easyui/themes/metro/easyui.css">
    <link rel="stylesheet" type="text/css" href="../easyui/themes/icon.css">
    <link rel="stylesheet" type="text/css" href="../easyui/themes/color.css">
    <link rel="stylesheet" type="text/css" href="../easyui/demo/demo.css">

    <link rel="stylesheet" type="text/css" href="../codemirror/codemirror.css">
    <link rel="stylesheet" type="text/css" href="../codemirror/theme/night.css">
    <link rel="stylesheet" type="text/css" href="../codemirror/merge/merge.css">

    <script type="text/javascript" src="../easyui/jquery.min.js"></script>
    <script type="text/javascript" src="../easyui/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="../easyui/locale/easyui-lang-zh_CN.js"></script>
    <script type="text/javascript" src="../comm.js"></script>
    <script type="text/javascript" src ="../codemirror/codemirror.js"></script>

     
    <script type="text/javascript" src ="../codemirror/mode/clike/clike.js"></script>
    <script type="text/javascript" src ="../codemirror/diff_match_patch.js"></script>
    <script type="text/javascript" src ="../codemirror/merge/merge.js"></script>

 
</head>
<body class="easyui-layout">
  <div id=view></div>
 
<script>
  var value, orig1, dv, panes = 2, highlight = true, connect = null, collapse = false;
  function initUI() {
    if (value == null) return;
    var target = document.getElementById("view");
    target.innerHTML = "";
    dv = CodeMirror.MergeView(target, {
      value: value,
      orig: orig1,
      lineNumbers: true,
      mode: "text/html",
      highlightDifferences: highlight,
      connect: connect,
      collapseIdentical: collapse
    });
  }
  
  function toggleDifferences() {
    dv.setShowDifferences(highlight = !highlight);
  }
  
  window.onload = function() {
    value = document.documentElement.innerHTML;
    orig1 = "<!doctype html>\n\n" + value.replace(/\.\.\//g, "codemirror/").replace("yellow", "orange");
   
    initUI();
    let d = document.createElement("div"); d.style.cssText = "width: 50px; margin: 7px; height: 14px"; dv.editor().addLineWidget(57, d)
  };
  
  </script>
  
</body>
</html>